@import './variable.scss';

@function rem($px) {
    @return ($px / $vw_fontsize) * 1rem;
}

@mixin border-1px {
    position: relative;
    &::after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        background-color: #f3f3f3;
        @media (-webkit-min-device-pixel-ratio: 2) {
            transform: scaleY(0.5);
        }
        @media (-webkit-min-device-pixel-ratio: 3) {
            transform: scaleY(0.33333333333);
        }
    }
}

@mixin clearfix {
    &::after {
        content: "";
        display: block;
        clear: both;
    }
}

@mixin ellipse {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}